<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
	<title>Pobunesia - Potret Buram Indonesia</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="script.js"></script>
	<link rel="icon" href="favicon.png" type="image/png" >
</head>
<body>
	<div id="header">
		<a href="index.html"><div id="logo"></div></a>
		<div id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="list.html">All List</a></li>
                <li><a href="posting.html">Posting</a></li>
				<li><a href="register.html">Register</a></li>
				<li><a href="theme.html">Theme</a></li>			
			</ul>		
		</div>
	</div>
	<div id="content">
		<div id="content-title">
			Form Registrasi
		</div>
		<div id="content-body">
			<form id="reg_form" action="index.html">
				<ul>				
					<li><div class="prompt">Username</div><input type="text" name="username" onchange="check_validity();">
						<div class="error_msg" id="error_username" style="display:none">Username must more than 5 letters</div></li>
					<li><div class="prompt">Password</div><input type="password" name="password" onchange="check_validity();">
						<div class="error_msg" id="error_password" style="display:none">Password min 8 length and different from username and email</div></li>
					<li><div class="prompt">Confirm Password</div><input type="password" name="confirm" onchange="check_validity();">
						<div class="error_msg" id="error_confirm" style="display:none">Different from password!</div></li>
					<li><div class="prompt">Full Name</div><input type="text" name="fullname" onchange="check_validity();">
						<div class="error_msg" id="error_fullname" style="display:none">Place your first and last name seperated by space</div></li>
					<li><div class="prompt">Birthdate</div><input type="text" name="birthdate" onchange="check_validity();">
						<div class="error_msg" id="error_birthdate" style="display:none">Ensure your date format YYYY-DD-MM</div></li>
					<li><div class="prompt">Email</div><input type="text" name="email" onchange="check_validity();">
						<div class="error_msg" id="error_email" style="display:none">
							Min 1 char before @<br />
							Min 1 char between @ and .<br />
							Min 2 char after .<br />
							Differ from password<br />
						</div></li>
					<li><div class="prompt">Gender</div>
						<input type="radio" name="sex" id="male" value="male" onchange="check_validity();"> Male
						<input type="radio" name="sex" id="female" value="female" onchange="check_validity();"> Female</li>
					<li><div class="prompt">Avatar</div><input type="file" name="avatar" accept="image/jpeg" onchange="check_validity();">
						<div class="error_msg" id="error_avatar" style="display:none">Choose jpg/jpeg one!</div></li>
					<li><div class="prompt">About Me</div><textarea rows="5" cols="40" onchange="check_validity();">Saya adalah seorang yang ...</textarea></li>
					<li><div class="prompt"><input type="submit" value="Submit" id="submit_button" disabled="true"></div></li>
				</ul>
			</form>
		</div>
	</div>
</body>
</html>